// 侧边栏滚动条
.sidebar .el-scrollbar__wrap {
    overflow-x: hidden !important;
    padding: 46px 0;
    box-sizing: border-box;
}

/* 弹窗 */
.classMess {
    .el-dialog--center .el-dialog__body {
        padding: 0;
    }
}

// 卡片
.classList {
    .el-tabs__item.is-active {
        color: #018854 !important;
    }

    .el-tabs__item:hover {
        color: #018854 !important;
    }

    .el-tabs__active-bar {
        background: #018854 !important;
    }
}

//时间线
.lineContent {
    .el-timeline {
        padding: 0;
    }

    .el-timeline-item__tail {
        border-left: 2px solid #68d41c !important;
    }

    .el-timeline-item__node {
        border: 0.5px #018854 solid !important;
        background-color: #ffffff !important;
    }
}

//个人中心-我的课程时间线
.lineContent1 {
    .el-timeline {
        padding: 0;
    }

    .el-timeline-item__node {
        border: 0.5px #5fb878 solid !important;
        background-color: #ffffff !important;
    }
}

//班级成员样式
.dialogBody {
    .el-badge__content.is-fixed {
        right: 20px;
    }

    .el-badge__content {
        background-color: #dadfe6;
        color: #6d7785;
    }
}

// 个人中心-我的课程导航栏切换
.title {
    .el-tabs__item.is-active {
        color: #009688 !important;
    }

    .el-tabs__active-bar {
        background-color: #009688 !important;
    }

    .el-tabs__item:hover {
        color: #009688 !important;
    }
}

// 同步 练习 折叠栏
.collapse {
    .el-collapse-item__header {
        background-color: #f2f2f2;
    }

    .el-collapse-item__content {
        padding-bottom: 0px;
    }
}

//登录页面复选框
.login {

    .el-checkbox__input.is-checked .el-checkbox__inner,
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
        background-color: #5fb878;
        border-color: #5fb878;
    }

    .el-checkbox__input.is-checked+.el-checkbox__label {
        color: #5fb878;
    }
}

// 开始练习分割线
.analysis {
    .el-divider--horizontal {
        margin: 10px 0px;
    }
}

//开始练习单选框
.selectBox {
    margin-top: 32px;
    width: 100%;

    .el-radio__input {
        &.is-checked {
            .el-radio__inner {
                border-color: #18db60;
                background-color: #18db60;
            }

            &+.el-radio__label {
                color: #18db60;
            }
        }
    }
}

.cause {
    .el-radio {
        margin-right: 10px;

        &.is-bordered {
            &.is-checked {
                border-color: #18db60;
            }
        }
    }

    .el-radio--small {
        &.is-bordered {
            padding: 8px 24px 0px 20px;
        }
    }

    .el-radio__input {
        &.is-checked {
            .el-radio__inner {
                border-color: #18db60;
                background-color: #18db60;
            }

            &+.el-radio__label {
                color: #18db60;
            }
        }
    }
}

/* 类型3 */
.dialogBorder3 {
    border-radius: 15px !important;

    .el-dialog__title {
        font-weight: 600;
    }

    .el-dialog__body {
        padding: 10px 20px 10px 20px;
    }
}

// 头像
.el-avatar>img {
    width: 100%;
}

// 单选框
.selectItemBox {
    .el-radio__input {
        display: flex;
        align-items: center;
    }
}

.titleError {
    .el-rate__icon {
        margin-right: 0px;
    }
}

// 图片居中
.latex {
    vertical-align: middle;
}

//成功弹窗
.customClass {
    background: #f0f9eb !important;
    border-color: #e1f3d8 !important;

    .el-icon-success {
        color: #67c23a !important;
    }
}

.el-message--success .el-message__content {
    color: #67c23a !important;
}

//上传头像
.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
.avatar-uploader .el-upload:hover {
    border-color: #42b983;
}